// 导入vue
import Vue from 'vue';
// 导入vuex
import vuex from 'vuex';

// 导入http请求模块
// import axios from '../common/http';

// 将vuex注册成vue的插件
Vue.use(vuex);

// 创建仓储对象
const store=new  vuex.Store({
    state:{
        // 左侧导航是否折叠
        isCollapse:false,
        // 导航菜单
        menus:[]
    },
    mutations:{
        // 切换侧边栏折叠状态
        collapseToggle(state,data){
            state.isCollapse=!state.isCollapse;
        },
        // 初始化导航菜单
        menusInit(state,data){
            const userInfo=sessionStorage.getItem('userinfo');
            const menus=JSON.parse(userInfo||'{}').menus;
            state.menus=menus;
        }
    },
    getters:{
        asideWidth(state,data){
            // 如果折叠, 则导航栏宽度为64px,否则为226px
            return state.isCollapse?'64px':'226px';
        }
    },
    actions:{
        // 获取导航菜单
        // async getMenus({dispatch},data){
        //   const res=await axios.get('');
        // }
    },
    modules:{

    }
});

// 导出store对象
export default store;